<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<h:head></h:head>
<ui:composition template="/template/mainLayout.xhtml">
<ui:param name="windowsTitle" value="Alta Producto"></ui:param>
	<ui:define name="bodyContent">
		<rich:panel styleClass="centrado">
			<h:form>
				<t:saveState value="#{productosBean.prodFilter}" />
				<fieldset class="tabla" style="width: 510px;">
					<h:panelGrid styleClass="texto" columns="2" width="100%" columnClasses="primerColumna, segundaColumna">
						<h:outputText value="Nombre: " />
						<h:inputText id="nombre" required="true"  value="#{productosBean.producto.nombre}"
							maxlength="80" requiredMessage="El campo 'nombre' es requerido"/>

						<h:outputText value="Rubro: " />
						<h:selectOneMenu id="rubro" value="#{productosBean.rubro}"
							 requiredMessage="El campo 'rubro' debe ser completado">
							<f:selectItem itemLabel="selecione un rubro..."  />
							<f:selectItems value="#{rubroBean.rubrosActivos}" var="rubro"
								itemLabel="#{rubro.nombre}" itemValue="#{rubro.id}"/>

						</h:selectOneMenu>

						<h:outputText value="precio de compra: " />
						<h:inputText id="precioc" required="true"
							value="#{productosBean.producto.precioCompra}" requiredMessage="El campo 'precio de compra' es requerido"/>

						<h:outputText value="precio de venta: " />
						<h:inputText id="preciov" required="true"
							value="#{productosBean.producto.precioVenta}" requiredMessage="El campo 'precio de venta' es requerido"/>

						<h:outputText value="stock: " />
						<h:inputText required="true" value="#{productosBean.producto.stock}" requiredMessage="El campo 'stock' es requerido"/>

						<h:outputText value="stock mínimo: " />
						<h:inputText required="true" value="#{productosBean.producto.stockMin}" requiredMessage="El campo 'stock minimo' es requerido"/>

						<h:outputText value="stock máximo: " />
						<h:inputText required="true" value="#{productosBean.producto.stockMax}" requiredMessage="El campo 'stock maximo' es requerido"/>

						<h:outputText value=" " />
						<h:outputText value=" " />

						<h:outputText value="" />
						
					</h:panelGrid>
					<center>
						<h:commandButton styleClass="centrado"
							action="#{productosBean.guardarProducto}" style="width: 100px;" value="Guardar" />
						<h:commandButton value="Cancelar" immediate="true" action="listaProductos" style="width: 100px" />
					</center>
				</fieldset>



			</h:form>
		</rich:panel>

		<rich:popupPanel rendered="#{(productosBean.createOk )}"
			show="#{productosBean.createOk}" modal="true">
			<h:form>
				<f:facet name="header">
					<h:outputText value="Aviso" />
				</f:facet>
				<h:outputText value="El producto se a guardado con exito." />
				<h:commandButton value="Aceptar"
					action="#{productosBean.nuevoProducto}" />
			</h:form>
		</rich:popupPanel>
	</ui:define>
</ui:composition>
</html>
